import { FC } from 'react';
import classNames from 'classnames';

export interface AttributeProps {
  label?: string;
  value?: string | number;
  style?: any;
  className?: string;
}

const Attribute: FC<AttributeProps> = ({ label, value, style, className }) => {
  return (
    <span
      className={classNames(
        'inline-flex w-[160px] pr-3 mr-2  pb-[9px] justify-between text-[14px] h-[28px]',
        className,
      )}
    >
      <span className={`pr-[5px]`}>{label}</span>
      <span className={classNames('font-bold')} style={style}>
        {value}
      </span>
    </span>
  );
};

export default Attribute;
